<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Chien_W Home">
    <meta name="keywords" content="Chien_W,Homepage">
    <meta name="author" content="Chien_W">
    <title>我们的时光</title>
    <link rel="stylesheet" type="text/css" href="./assets/css/vno.css">
    <link rel="stylesheet" type="text/css" href="./assets/css/iconfont.css">
    <link rel="icon" href="https://www.xuhxin.cn/file/%E6%A1%83%E5%BF%83.png">
    <script type="text/javascript" src="https://www.xuhxin.cn/file/Personal-home-page/assets/js/shubiao.js"></script>
</head>
<body>
    <span class="mobile btn-mobile-menu">
        <i class="social iconfont icon-list btn-mobile-menu__icon"></i>
        <i class="social iconfont icon-angleup btn-mobile-close__icon hidden"></i>
    </span>
    <header id="panel" class="panel-cover">
        <div class="panel-main">
            <div class="panel-main__inner panel-inverted">
                <div class="panel-main__content">
                    <div class="ih-item circle effect right_to_left">
                        <a href="#" title="" class="blog-button">
                            <div class="img"><img src="https://www.xuhxin.cn/file/0.jpg" alt="img" class="js-avatar iUp profilepic"></div>
                            <div class="info iUp">
                                <div class="info-back panel-cover__title panel-title" style="position: relative;">
                                    <h2 style="position: absolute; top: 1rem; left: 2.5rem;"> 
                                        
                                            love
                                        
                                    </h2>
                                    <p style="position: absolute; top: 2rem; left: 2rem;">
                                        
                                            2024 · 爱情
                                        
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <h1 class="content iUp ">
                        <a target="_blank panel-subtitle" >XuXin & ZhengNa</a>
                    </h1>
                    <p class="panel-cover__subtitle panel-subtitle iUp">Fortune Accompanies Life</p>
                    <hr class="panel-cover__divider iUp" />
                    <p id="description" class="panel-cover__description iUp">如何得与凉风约，不共尘沙一并来!
                        <br/>
                        <strong>-「中牟道中」</strong>
                    </p>
                    <div class="navigation-wrapper iUp">
                        <div>
                            <nav class="cover-navigation cover-navigation--primary">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="./zuji/index.html" class="blog-button" >足迹</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./timeAxis/index.html" class="blog-button" >时间</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./pet/index.html" class="blog-button" >宠物</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./music/index.html" class="blog-button" >音乐</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./2.html" class="blog-button" >爱心</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./3.html" class="blog-button" >烟花</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./4.html" class="blog-button" >爱心2</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./ti/5.html" class="blog-button" >表情包</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./5/index.html" class="blog-button" >旋转星空</a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="./5.html" class="blog-button" >气球</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="iUp">
                            <nav class="cover-navigation navigation--social">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="https://gitee.com/xuHxin" title="github" target="_blank">
                                            <i class='social iconfont icon-github'></i>
                                            <span class="label">github</span>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="https://juejin.cn/user/4160973340413271" title="cnblogs" target="_blank">
                                            <i class='social iconfont icon-cnblogs'></i>
                                            <span class="label">掘金</span>
                                        </a>
                                    </li>

                                    <li class="navigation__item">
                                        <a href="#" title="zhihu">
                                            <i class='social iconfont icon-zhihu'></i>
                                            <span class="label">zhihu</span>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="mailto:19535809174@163.com" title="email">
                                            <i class='social iconfont icon-email'></i>
                                            <span class="label">email</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-cover--overlay cover-slate"></div>
        </div>
        <!-- <div class="remark2">退出</div> -->
        <div class="remark iUp">
            <p class="power">© 2020 Powered By
                <a href="#" target="_blank"> XuXin</a> 
            </p>
        </div>
    </header>
    <img class="mouse" src="https://www.xuhxin.cn/file/Personal-home-page/123.png" alt=""> 
    <script type="text/javascript" src="./assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="./assets/js/fetch.min.js"></script>
    <script type="text/javascript" src="./assets/js/main.js"></script>
    <style>
         *{
            margin: 0;
            padding: 0;
            box-sizing:border-box;
            cursor: none;
        }

        .mouse{
        width: 50px;
        height: 50px;
        border-radius: 50%;;
        position: fixed;
        left: -200px;
        /* background-color: aquamarine; */
        z-index: 999999;
        pointer-events: none;
    }

    </style>
    <script>
         var mouse = document.querySelector('.mouse');
    window.addEventListener('mousemove',function(event){    
        console.log(event,"sdfgdffds");
        
        mouse.style.left = event.clientX - 18 + 'px' ;
        mouse.style.top = event.clientY -13 + 'px';       
    })
    </script>
</body>
</html>